<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/_container :: htmlhead"></head>
<body>
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <input type="hidden" id="id" value=""/>

            <div class="row">
                <div class="col-sm-6 ">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">机构名称
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="name" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6 ">
               		<div class="form-group">
					    <label class="col-sm-3 control-label">英文名称
					    	<span style="color: red"></span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="enname" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6 ">
               		<div class="form-group">
					    <label class="col-sm-3 control-label">机构简称
					    	<span style="color: red"></span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="simplename" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6 ">
               		<div class="form-group">
					    <label class="col-sm-3 control-label">公司代码
					    	<span style="color: red"></span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="compCode" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">上级机构
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					    	<input class="form-control" id="parentName" readonly="readonly"
					               onclick="OfficeInfoDlg.showOfficeSelectTree(); return false;" style="background-color: #ffffff !important;"/>
					                <input class="form-control" type="hidden" id="parentId"/> 	
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
               
                <!-- <div class="col-sm-6">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">星级
					    	
					    </label>
					    <div class="col-sm-9">
					        <select class="form-control" id="sort">
					           <option th:each="type,userStat : ${compLevels}" th:value="${type.num}" th:text="${type.name}"></option>
					        </select>					       
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div> -->
                
                 <div class="col-sm-6 ">
                  	<div class="form-group">
					    <label class="col-sm-3 control-label">机构类型					    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <select class="form-control" id="type" >		
					        	<option th:each="type,userStat : ${compTypes}" th:value="${type.num}" th:text="${type.name}" ></option>		         
					        </select>					       
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div> 
                <div class="col-sm-6 ">
                	
                		<div class="form-group">
					    	<label class="col-sm-3 control-label">联系地址
					    		
					   	 	</label>
					   	 	<div class="col-sm-9">
					        	<input class="form-control" id="address" type="text" />
					    	</div>
						</div>
					<div class="hr-line-dashed"></div>

                </div>
                <div class="col-sm-6 ">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">邮政编码
					    	
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="zipCode" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6 ">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">负责人
					    	
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="master" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6 ">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">联系电话
					    	
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="phone" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6 ">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">传真
					    	
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="fax" type="text"  />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6 ">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">电子邮箱
					    	
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="email" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6 ">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">备注
					    	<!-- <span style="color: red">*</span> -->
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="remarks" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                
                
				
            </div>

            <!-- 父级部门的选择框 -->
            <div id="parentOfficeMenu" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="parentOfficeMenuTree" class="ztree tree-box" style="width: 245px !important;"></ul>
            </div>
            
            <!-- <div id="parentCompanyMenu" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="parentCompanyMenuTree" class="ztree tree-box" style="width: 245px !important;"></ul>
            </div> -->

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                	<button type="button" class="btn btn-info" id="ensure" onclick="OfficeInfoDlg.addSubmit()" >
						   <i class="fa fa-check"></i>&nbsp;提交
					</button>
					<button type="button" class="btn btn-danger"  id="cancel" onclick="OfficeInfoDlg.close()" >
						   <i class="fa fa-eraser"></i>&nbsp;取消
					</button>    
                </div>
            </div>
        </div>

    </div>
</div>
<script th:src="@{/static/modular/system/office/office_info.js}"></script>
</body>
</html>